<div>
    <div class="col-md-9">
        <div class="panel panel-default topics">
            <div class="panel-heading title">沸点</div>
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="hotTopic in hotTopics">
                    {{hotTopic.title}} authored by {{hotTopic.author}}
                </li>
            </ul>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading title">万花筒</div>
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="hotTopic in hotTopics">
                    {{hotTopic.title}} authored by {{hotTopic.author}}
                </li>
            </ul>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading title">太平洋</div>
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="hotTopic in hotTopics">
                    {{hotTopic.title}} authored by {{hotTopic.author}}
                </li>
            </ul>
        </div>
    </div>
    <div class="right-side col-md-3">
        <div class="panel panel-info">
            <div class="panel-heading">小贴士</div>
            <div class="panel-body">
                <ul>
                    <li>天天发帖是好习惯</li>
                </ul>
            </div>
        </div>
        <div class="panel panel-info">
            <div class="panel-heading">小贴士</div>
            <div class="panel-body">
                <ul>
                    <li>天天发帖是好习惯</li>
                </ul>
            </div>
        </div>
    </div>
</div>